<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>我的账户（资产总览）</title>
	<%@include file="/WEB-INF/base/commRoot.jsp"%>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link href="/css/public.css" type="text/css" rel="stylesheet" />
	<link href="/css/style.css" type="text/css" rel="stylesheet" />
    <link href="/css/account.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
    
   	<style type="text/css">
    	.account_right .Assets_info .qb_balance .zj_balance span.into {
	    		margin-right: 160px;
			}
    </style>
  </head>
  
  <body>
<!--header-->
<jsp:include page="/head.jsp"></jsp:include>
<!--/header-->
<!--/main-->
<div class="main_bg">
    <div class="main_account clearfix">
    	<!--left-->
    	<div class="account_left l">
        	<ul class="aname">
            	<li>惠信号：<span><s:property value="#session.UserAccname_session_info" /></span></li>
                <s:if test="#session.UserSafeLevel_session_info==4 or #session.UserSafeLevel_session_info==3">
	            	<li>安全等级：<span class="rating_down">低级</span><a href="${root}/account/safeAction_safe.action" class="blue" style="margin-left: 8px;">提升</a></li>
	            </s:if>
	            <s:elseif test="#session.UserSafeLevel_session_info==2 or #session.UserSafeLevel_session_info==1">
	            	 <li>安全等级：<span class="rating_middle">中级</span><a href="${root}/account/safeAction_safe.action" class="blue" style="margin-left: 8px;">提升</a></li>
	            </s:elseif>
	            <s:elseif test="#session.UserSafeLevel_session_info==0">
	            	 <li>安全等级：<span class="rating_up" style="margin-left: 8px;">高级</span></li>
	            </s:elseif>
            </ul>
        	<p class="tips">财富的增值从钱包开始，每天都有好心情哦</p>
            <div class="account_menu">
            	<a href="<s:url value="/account/assetListAction_queryMyAccountInfo.action"/>" class="active">资产总览</a>
                <a href="<s:url value="/account/userWalletAction_qbUserWalletManage.action"/>">我的钱包</a>
                <a href="<s:url value="/account/aipPlanAction_findByUserAipPlan.action"/>">我的定期计划</a>
                <a href="<s:url value="/account/safeAction_safe.action"/>">安全中心</a>
                <a href="<s:url value="/account/safeAction_telRecharge.action"/>">话费充值</a>
            </div>
<!--             <div class="hxqb_wx"> -->
<!--                 <img alt="惠信钱包APP随身理财" width="148" height="149" src="images/wx.png" /> -->
<!--                 <p>惠信钱包APP随身理财</p> -->
<!--             </div> -->
            
            
        </div> 
        <!--/left-->
        <!--right-->            
        <div class="account_right r">
            <h2 class="zc_tit">
                <span class="line_a"></span>我的资产</h2>
            <div class="balanceNum">
                <em id="countAsset"><s:property value="%{formatMoney(#request.fundsMap['count'])}"/></em><span class="unit">元</span></div>
            <p class="bx">
            </p>
            <div class="Assets_info">
                <div class="qb_balance">
                <s:set value="#request.fundsMap['list']" var="list"></s:set>
                <s:iterator var="funds" value="#list" status="i">
                    <div class="zj_balance">
                        <p class="progress_bar" id="assetPercentage<s:property value="#i.count"/>"></p>
                        <div class="bc_txt clearfix">
                            <span class="bc_oe">
                                <h1>
                                <s:if test="#funds.typeName=='钱包余额'"><a href="<s:url value="/account/userWalletAction_qbUserWalletManage.action"/>"></s:if>
                                <s:elseif test="#funds.typeName=='惠卡宝定期'"><a href="<s:url value="/account/aipPlanAction_findByUserAipPlan.action"/>"></s:elseif>
                                <s:property value="#funds.typeName"/></a></h1>
                                <span class="mr"><i id="money<s:property value="#i.count"/>">
                                <s:property value="%{formatMoney(#funds.cash)}" />
                                </i></span></span>
                                <s:if test="#funds.typeName=='钱包余额'">
	                                <span class="pay" style="margin-right: 5px; width:52px;"><a href="<s:url value="/fundRecord_recharge.action"/>">充值</a></span>
	                            	<span class="tx" style="margin-right: 5px; width:52px;"><a href="<s:url value="/fundRecord_withdraw.action"/>">提现</a></span>
	                            	<!-- 钱包暂时屏蔽转账功能  add by wujun 20150603 -->
	                            	<%-- <span class="tx" style="margin-right: 5px; width:87px;"><a href="<s:url value="/fundRecord_transfer.action"/>">转账</a></span> --%>
                            	</s:if>
                            	<s:else>
                            		<span class="tx" style="margin-right: 5px; width:52px;"><a href="<s:url value="/account/hkbProjectAipAction_findHkbProjectAll.action"/>">转入</a></span>
                            		<span class="tx" style="margin-right: 5px; width:52px;"><a href="<s:url value="/account/aipPlanAction_findByUserAipPlan.action"/>">转让</a></span>
                            	</s:else>
                            	<span>
                            		<h1>昨日收益</h1>
                            		<span><s:property value="%{formatMoney(#funds.dayProfit)}"/>元</span>
                            	</span>
                            	<span>
                            		<h1>本月收益</h1>
                            		<span><s:property value="%{formatMoney(#funds.profit)}"/>元</span>
                            	</span>
                                <span>
                                	<h1>年化收益率</h1>
                                	<span style="width:150px;"><s:property value="%{annualYieldRate(#funds.dataValue)}"/>%</span>
                                </span>
                        </div>
                        <div class="bc_num clearfix">
                        </div>
                    </div></s:iterator>
                    <script type="text/javascript">
                     String.prototype.replaceAll = function (AFindText,ARepText){
					 raRegExp = new RegExp(AFindText,"g");
					 return this.replace(raRegExp,ARepText);
					 }
                    	$(function(){
                    	var money1=parseFloat($("#money1").html().replaceAll(",",""));
//                     	var money2=parseFloat($("#money2").html().replaceAll(",",""));
						if(money1==null ||money1=="" || isNaN(money1) || typeof(money1)=="undefined"){
							money1=0;
						}
                    	var countAsset =parseFloat($("#countAsset").html().replaceAll(",",""));
                    	if(countAsset==null ||countAsset=="" || isNaN(countAsset) || typeof(countAsset)=="undefined"){
							countAsset=0;
						}
						if(countAsset<=0){
							$("#assetPercentage1").html("0%");
                    		$("#assetPercentage2").html("0%");
						}else{
							$("#assetPercentage1").html(parseInt(money1/countAsset*100)+"%");
                    		$("#assetPercentage2").html((100-parseInt(money1/countAsset*100))+"%");
						}
                    		
                    	});
                    </script>
<!--                     <div class="zj_balance"> -->
<!--                         <p class="progress_bar">70%</p> -->
<!--                         <div class="bc_txt clearfix"> -->
<!--                             <span class="bc_oe"> -->
<!--                                 <h1> -->
<!--                                     惠卡宝定投</h1> -->
<!--                                 <span class="mr"><i>18552.00元</i></span> </span><span class="into"><a href="#">转入</a></span> -->
<!--                             <span> -->
<!--                                 <h1> -->
<!--                                     昨日收益</h1> -->
<!--                                 <span>5.24元</span></span> <span> -->
<!--                                     <h1> -->
<!--                                         本月收益</h1> -->
<!--                                     <span>5.24元</span></span> <span> -->
<!--                                         <h1> -->
<!--                                             收益</h1> -->
<!--                                         <span>10.3%~11.6%</span></span> -->
<!--                         </div> -->
<!--                     </div> -->
                </div>
            </div>
             <div class="hx_center">
                <h2 class="zc_tit"><span class="line_a"></span>惠信金融理财产品</h2>
                <div class="qb_wrap clearfix">                    
                    <div id="logo_huikadai" class="logopop multiplet">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">惠卡贷<span></span></h3>
                            <p>惠卡贷<a href="http://p2p.365sji.com/" target="_blank" class="blue">(p2p.365sji.com)</a>，结合金融发展与互联网技术创新，致力于为中小型企业、个人、惠卡商家和惠卡会员提供借贷新渠道，更为个人提供投资理财服务。在风险管控体系基础上，为中小企业及个人客户提供投融资服务，实现财富增值，打造一个P2P网络借贷平台。</p>
                        </div>
                    </div>
                    
                    <div id="logo_huikabao" class="logopop multipleo">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">惠卡宝<span></span></h3>
                            <p>通过惠卡宝投资享受全本息保障，通过惠卡宝<a href="http://hkb.365sji.com/" target="_blank" class="blue">(hkb.365sji.com)</a>投资的对象是惠卡贷针对加盟惠信的商家、会员等小额借款项目，中小商 家企业抵押担保借款项目，惠卡贷团队会对任何借款项目严格把关，层层风控，确保投资人的投资安全，如果惠卡贷借款人出现逾期，惠卡公司将启用风险保障金先行垫付投资人本息。</p>
                        </div>
                    </div>
                    
                    <div id="logo_dianxingbao" class="logopop multiplet three">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">电影宝<span></span></h3>
                            <p>电影宝<a href="http://www.huixinfilm.com/" target="_blank" class="blue">(www.huixinfilm.com)</a>专注于小制作、最贴近生活和心灵的电影，我们力求通过一些平凡人的故事来打动人心，激发生活希望和动力、唤醒人们对美好生活的追求和热情，如创业题材、街头艺术题材、家庭题材、公司题材、生活题材等，协助您实现自己的电影梦想。</p>
                        </div>
                    </div>
                    
                    <div id="logo_huixinjinrong" class="logopop multipleo">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">惠信金融<span></span></h3>
                            <p>惠信金融<a href="http://www.hkd58.com/" target="_blank" class="blue">(hkd58.com)</a>是惠信旗下的在线金融产品导购和销售平台，基于满足广大互联网用户的理财需求，旨在帮助用户学会理财、成功理财获得收益。惠信金融通过各种通道为金融消费者提供金融产品信息、比较购买推荐、消费决策依据以及直接购买等服务。</p>
                        </div>
                    </div>  
                    
                    
                </div>
                <h2 class="zc_tit"><span class="line_a"></span>惠信中心</h2>
                <div class="qb_wrap">
                	<div id="logo_huixin" class="logopop multipleo">
                        <div class="desc">
                        	<div class="closebtn"></div>
                            <h3 class="title">惠信<span>全网最低消费购物中心</span></h3>
                            <p>惠信<a href="http://app.365sji.com/" target="_blank" class="blue">(app.365sji.com)</a>是深圳惠卡世纪有限公司倾力打造的互联网品牌，深圳惠卡世纪有限公司注册资本5000万元，总部在广东深圳，目前在江苏苏州、山东烟台、山东龙口、香港等地设有分公司外，惠卡的目标是在2023年3月前实现世界100强企业的创业梦想。</p>
                        </div>
                    </div>
                    
                    <div id="logo_pingbao" class="logopop multiplet">
                        <div class="desc">
                        	<div class="closebtn"></div>
                            <h3 class="title">拼宝商城<span>全网最低消费购物中心</span></h3>
                            <p>拼宝<a href="http://www.178pb.com/" target="_blank" class="blue">(www.178pb.com)</a>是一个多人参与拼购的消费购物平台，在限定时间内拼购人数越多，享受的折扣就越低。秉承"客户为先"的经营理念，致力于为消费者与供应商提供一个最优质、 便捷的交易平台，打造成中国最受消费者信赖的电子商务网站之一。海量正品，多人参拼，同享更多优惠，共最终价。</p>
                        </div>   
                    </div>
                    
                    <div id="logo_1yuanpingbao" class="logopop multipleo three">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">1元拼宝<span></span></h3>
                            <p>1元拼宝<a href="http://1.178pb.com" target="_blank" class="blue">1.178pb.com</a>作为一个拼宝旗下电子商务平台，保证所有奖品100%原装正品1元拼宝严格控制奖品供应渠道，全部奖品均由入驻拼宝的品牌官方以及品牌经销商等直接供应，同时1元拼宝保证做到绝对公平公正公开透明，保证所有参与1元购的用户行为，都享受同样的权利与义务。</p>
                        </div>
                    </div>
                    
                    <div id="logo_nongcunbao" class="logopop multiplet">
                        <div class="desc">
                        	<div class="closebtn"></div>
                            <h3 class="title">农村宝<span></span></h3>
                            <p>农村宝<a href="http://www.178ncb.com/" target="_blank" class="blue">(178ncb.com)</a>以中国农村产品及资源为主的消费购物平台，目前在建的农村宝贸易中心【贵州.德江】项目于2014年与德江人民政府签约达成合作启动，预计于2015年将在贵州.德江盛大开业</p>
                        </div>
                    </div>
                    
                    <div id="logo_huixintongcheng" class="logopop multipleo">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">惠信同城<span></span></h3>
                            <p>惠信同城<a href="http://58.365sji.com" target="_blank" class="blue">(58.365sji.com)</a>是惠信旗下的生活分类信息网站，本地化、自主且免费、真实高效是惠信同城的三大特色，旨在帮助人们解决生活和工作所遇到的难题。其服务覆盖生活的各个领域，海量生活信息免费发布查询，提供多种生活信息，覆盖中国所有大中城市。</p>
                        </div>
                    </div>
                    
                    <div id="logo_huixinshangjia" class="logopop multiplet three">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">惠信商家<span></span></h3>
                            <p>惠信商家城<a href="http://sj.365sji.com/" target="_blank" class="blue">(sj.365sji.com)</a>一直致力于城市消费体验的沟通和聚合。<br/>
在这里，所有的信息都来源于大众，服务于大众。<br/>
在这里，每个人都可以自由发表对商家的评论，好则誉之，差则贬之。<br/>
在这里，每个人都可以向大家分享自己的消费心得，同时分享大家集体的智慧。
</p>
                        </div>
                    </div>
                    
                    <div id="logo_huixindaohang" class="logopop multipleo">
                        <div class="desc"><div class="closebtn"></div>
                            <h3 class="title">惠信导航<span></span></h3>
                            <p>惠信导航<a href="http://hao.365sji.com/" target="_blank" class="blue">(hao.365sji.com)</a>是一款快速、功能强大的多窗口上网导航， 它是完全免费为上网用户提供搜索、热门网站、天气、股票、彩票、航班、路况、公交等上网常用服务的实用工具，可以在这里阅读资讯、读小说、看视频、上微博、玩游戏、网上购物，找新闻等都能享受最流畅的移动互联网体验。轻松上网，便捷生活，从hao.365sji.com开始！
</p>
                        </div>
                    </div>
                    
                    
                    
                    
                    
                </div>
               
            </div>
        </div>
    </div>
</div>
<!--footer-->
<jsp:include page="/footer.jsp"></jsp:include>
</body>
<script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript">
	    $(document).ready(function () {
	        $(".logo_grid").click(function () {
	            $(this).toggleClass("act").find(".desc").toggle();
	        });
	    });
    </script>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script>
			$.fn.scrollToV = function( target, options, callback ){
			  if(typeof options == 'function' && arguments.length == 2){ callback = options; options = target; }
			  var settings = $.extend({
			    scrollTarget  : target,
			    offsetTop     : 50,
			    duration      : 500,
			    easing        : 'swing'
			  }, options);
			  return this.each(function(){
			    var scrollPane = $(this);
			    var scrollTarget = (typeof settings.scrollTarget == "number") ? settings.scrollTarget : $(settings.scrollTarget);
			    var scrollY = (typeof scrollTarget == "number") ? scrollTarget : scrollTarget.offset().top + scrollPane.scrollTop() - parseInt(settings.offsetTop);
			    scrollPane.animate({scrollTop : scrollY }, parseInt(settings.duration), settings.easing, function(){
			      if (typeof callback == 'function') { callback.call(this); }
			    });
			  });
			}
			
			
			function initOfferingText(){
				$('.selectWrapper .defaultText').click(function(e){
					e.stopPropagation();
					$('#offering').trigger('click.easyDropDown');
				});
			}
			
			
			function initlogopop(){
				var speed = 20;
				$('.logopop .desc').prepend('<div class="closeBtn"></div>');
				$('.logopop').each(function(index){
					var wrapperHeight = $(this).find(".captionWrapper").height();
					var captionHeight = $(this).find(".caption").height();
					$(this).find(".caption").css("margin-top",((wrapperHeight-captionHeight)/2)+"px");
					/* */		
					
					if (index%2==0)
						$(this).addClass("multipleo");
					else
						$(this).addClass("multiplet");
				});
				$('.logopop').click(function(){
					var desc = $(this).find(".desc");
					if(desc.css("display")=="none"){
						$('.desc').fadeOut(speed);
						desc.fadeIn(speed);
						if($(window).width()>980)
							$('html').scrollToV(desc.offset().top-163);
						else
							setTimeout(function(){$('html, body').scrollToV(desc.offset().top-64);},500);
						$('.logopop').removeClass("active");
						$(this).addClass("active");			
					}else{
						desc.fadeOut(speed);
						$(this).removeClass("active");
					}
				});	
			}
			
			
			$(function(){
			
				initOfferingText();
				initlogopop();	
				
// 				headerAction.init();
				
				
				
				
			});

	
    </script>
</html>
